<!DOCTYPE html>
<html lang="zh">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>首页</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="/dist/css/animate.css">
    <link rel="stylesheet" href="/dist/css/main.css">
    <link href="/dist/css/bootstrap-select.min.css" rel="stylesheet">

</head>

<body>
<div id="subscribe" class="section">
    <div class="container">
        <div class="row justify-content-between">
            <div class="col-lg-8 col-md-8 col-xs-12">
                <div class="subscribe-form">
                    <div class="form-wrapper">
                        <div class="sub-title text-center">
                            <h2>FAST OPERATING</h2>
                        </div>
                        <form>
                            <div class="row">
                                <div class="col-md-12 col-sx-12" style="margin-bottom: 30px">
                                    <div class="form-group">
                                        <select name="account" class="form-control selectpicker"
                                                data-live-search="true">
                                            <option>请选择 姓名</option>
                                            <option>option 1</option>
                                            <option>option 2</option>
                                            <option>option 3</option>
                                            <option>option 14</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-8 col-xs-8" style="margin-bottom: 30px">
                                    <div class="form-group">
                                        <select name="account" class="form-control selectpicker"
                                                data-live-search="true">
                                            <option>请选择 物品</option>
                                            <option>option 1</option>
                                            <option>option 2</option>
                                            <option>option 3</option>
                                            <option>option 14</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-4 col-xs-4" style="margin-bottom: 30px">
                                    <div class="form-group">
                                        <input type="number" placeholder="数 量" value="1" min="1"
                                               class="form-control"
                                               required>
                                    </div>
                                </div>
                                <div id="newSelect">

                                </div>
                                <div class="col-md-12 col-sx-12 form-group icon color-2"
                                     style="margin-bottom: 30px;text-align: center; display: flow-root">
                                    <i class="glyphicon glyphicon-plus" onclick="addSelect(this)"
                                       style="cursor:pointer"></i>
                                </div>
                                <div class="col-md-12 col-sx-12 form-group" style="margin-bottom: 30px">
                                    <input type="text" placeholder="备  注" id="msg_subject" class="form-control">
                                </div>
                                <div class="col-md-6 col-xs-6 text-center">
                                    <div class="submit-button">
                                        <button class="btn btn-common btn-user-red  btn-effect" id="submit"
                                                type="submit">领取
                                        </button>
                                    </div>
                                </div>
                                <div class="col-md-6 col-xs-6 text-center">
                                    <div class="submit-button">
                                        <button class="btn btn-common btn-warning btn-effect" id="submit" type="submit">
                                            退回
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-xs-12">
                <div class="sub-item-box">
                    <div class="icon-box">
                        <i class="glyphicon glyphicon-user"></i>
                    </div>
                    <div class="text-box">
                        <h4>已领取</h4>
                        <p>0</p>
                    </div>
                </div>
                <div class="sub-item-box">
                    <div class="icon-box">
                        <i class="glyphicon glyphicon-folder-open"></i>
                    </div>
                    <div class="text-box">
                        <h4>可领取</h4>
                        <p>0</p>
                    </div>
                </div>
                <div class="sub-item-box">
                    <div class="icon-box">
                        <i class="glyphicon glyphicon-home"></i>
                    </div>
                    <div class="text-box">
                        <h4>库 存</h4>
                        <p>0</p>
                    </div>
                </div>
                <div class="sub-item-box">
                    <div class="icon-box">
                        <i class="glyphicon glyphicon-barcode"></i>
                    </div>
                    <div class="text-box">
                        <h4>本次小计</h4>
                        <p>0</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<section id="services" class="section">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-6 col-xs-12" style="cursor: pointer">
                <div class="item-boxes services-item wow fadeInDown" data-wow-delay="0.2s">
                    <div class="icon color-2">
                        <i class="glyphicon glyphicon-open"></i>
                    </div>
                    <h4>领 取</h4>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
                        ut.</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-xs-12" style="cursor: pointer">
                <div class="item-boxes services-item wow fadeInDown" data-wow-delay="0.4s">
                    <div class="icon color-1">
                        <i class="glyphicon glyphicon-save"></i>
                    </div>
                    <h4>退 回</h4>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
                        ut.</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-xs-12" style="cursor: pointer">
                <div class="item-boxes services-item wow fadeInDown" data-wow-delay="0.6s">
                    <div class="icon color-3">
                        <i class="lni-stats-up"></i>
                    </div>
                    <h4>Graphic Design</h4>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
                        ut.</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-xs-12" style="cursor: pointer">
                <div class="item-boxes services-item wow fadeInDown" data-wow-delay="0.8s">
                    <div class="icon color-4">
                        <i class="lni-layers"></i>
                    </div>
                    <h4>UI/UX Design</h4>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
                        ut.</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-xs-12" style="cursor: pointer">
                <div class="item-boxes services-item wow fadeInDown" data-wow-delay="1s">
                    <div class="icon color-5">
                        <i class="lni-tab"></i>
                    </div>
                    <h4>App Development</h4>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
                        ut.</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-6 col-xs-12" style="cursor: pointer">
                <div class="item-boxes services-item wow fadeInDown" data-wow-delay="1.2s">
                    <div class="icon color-6">
                        <i class="lni-briefcase"></i>
                    </div>
                    <h4>Digital Marketing</h4>
                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
                        ut.</p>
                </div>
            </div>
        </div>
    </div>
</section>
<script src="/dist/js/jquery.min.js"></script>
<script src="/dist/js/bootstrap.min.js"></script>
<script src="/dist/js/jquery.mixitup.js"></script>
<script src="/dist/js/owl.carousel.js"></script>
<script src="/dist/js/wow.js"></script>
<script src="/dist/js/jquery.counterup.min.js"></script>
<script src="/dist/js/jquery.magnific-popup.min.js"></script>
<script src="/dist/js/main.js"></script>
<script src="/dist/js/bootstrap-select.min.js"></script>
</body>
<script>
    var aaa;

    function addSelect(this_) {
        var rm = Math.ceil(Math.random() * 1000);
        $('#newSelect').append('<div id="selectDiv' + rm + '" class="col-md-8 col-xs-8" style="margin-bottom: 30px">\n' +
            '                                    <div class="form-group">\n' +
            '                                        <select name="account" class=" article form-control selectpicker"\n' +
            '                                                data-live-search="true">\n' +
            '                                            <option>请选择 物品</option>\n' +
            '                                            <option style="color: red">删除</option>\n' +
            '                                            <option>option 1</option>\n' +
            '                                            <option>option 2</option>\n' +
            '                                            <option>option 3</option>\n' +
            '                                            <option>option 14</option>\n' +
            '                                        </select>\n' +
            '                                    </div>\n' +
            '                                </div>\n' +
            '                                <div id="selectNumberDiv' + rm + '"class="col-md-4 col-xs-4" style="margin-bottom: 30px">\n' +
            '                                    <div class="form-group">\n' +
            '                                        <input type="number" placeholder="数 量" value="1" min="1"\n' +
            '                                               class="form-control"\n' +
            '                                               required>\n' +
            '                                    </div>\n' +
            '                                </div>')

        $('.article').selectpicker();

        $('#selectDiv' + rm + ' li').on('click', function () {
            if ($($(this).children().children()[0]).html() === '删除') {
                $('#selectDiv' + rm).remove()
                $('#selectNumberDiv' + rm).remove()
            }
        });
    }


</script>
</html>